<template>
  <n-tag  size="small" :bordered="false" :color="{ color: getStatusColor(status), textColor: '#555', borderColor: '#555' }">
    <n-text strong style="font-size: 18px;font-weight: bold;color: #5d5d5d">
      <slot name="head"></slot>
      {{ getStatusString(status) }}
      <slot name="tail"></slot>
    </n-text>
  </n-tag>


</template>

<script setup lang="ts">
import {getStatusColor, getStatusString} from "@/utils";

const props = defineProps({
  status: {
    type: Number,
    default: 1
  }
})


</script>

<style scoped>

</style>